html,
body {
  width: 100%;
  height: 100%;
  font-family: "Microsoft JhengHei";
  min-width: 1300px;
  color: #fff;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  color: #92d5ff;
  text-decoration: none;
}
h2 {
  font-weight: normal;
}
::-webkit-scrollbar {
  /*隐藏滚轮*/
  display: none;
}
/* 智慧党建背景图 */
.partyBuildingBg {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background: url("@/assets/images/党建背景.jpg") no-repeat center center;
  background-size: 100% 100%;
}
.bigData,
.epidemicPrevention {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background: url("@/assets/images/bigDataBg.jpg") no-repeat center center;
  background-size: 100% 100%;
}
.bigData1 {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background: url("@/assets/images/bigDataBg1.jpg") no-repeat center center;
  background-size: 100% 100%;
}
.smartGrid {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background: url("@/assets/images/smartGridBg.jpg") no-repeat center center;
  background-size: 100% 100%;
}
.guide {
  background: url("@/assets/images/guideBg.jpg") no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  padding-top: 70px;
}
.login {
  background: url("@/assets/images/guideBg.jpg") no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}
/* 树形结构样式 */
.treeBox {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: linear-gradient(rgba(3, 17, 43, 0.8), rgba(21, 6, 81, 0.8));
  padding: 11px 9px 0 9px;
}
.el-tree > .el-tree-node > .el-tree-node__content {
  font-size: 21px;
  color: #92d5ff;
  line-height: 50px;
  height: 50px;
  text-align: center;
  background-color: rgba(15, 1, 96, 0.5);
  margin-bottom: 9px;
  width: 100%;
  padding: 0;
  border-top: solid 1px #3f5162;
  border-bottom: solid 1px #3f5162;
  border-radius: 0px;
  justify-content: center;
}
.el-tree > .el-tree-node > .el-tree-node__content .el-tree-node__label {
  font-size: 21px;
}
.el-tree {
  border: solid 1px #3f5162;
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 30px;
  top: 105px;
  overflow-y: scroll;
  background-color: transparent;
  border-top-width: 0px;
}
.el-tree > .el-tree-node.is-expanded > .el-tree-node__content,
.el-tree > .el-tree-node.is-current > .el-tree-node__content {
  background: url("@/assets/images/treeTb.png") rgba(15, 1, 96, 0.5) no-repeat
    center center;
  background-size: 100% 100%;
}
.el-tree-node__content > .el-tree-node__expand-icon {
  display: none;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node
  > .el-tree-node__content {
  font-size: 18px;
  color: #fff;
  width: 95%;
  text-align: center;
  border: solid 1px #1f4f74;
  padding: 0;
  margin: 0 auto 8px;
  line-height: 50px;
  height: 50px;
  background-color: rgba(12, 38, 75, 0.3);
  justify-content: center;
  padding-left: 0 !important;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node
  > .el-tree-node__content
  .el-tree-node__label {
  font-size: 18px;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-current
  > .el-tree-node__content {
  position: relative;
  background: url("@/assets/images/treeTb1.png") transparent no-repeat center
    center;
  overflow: hidden;
  background-size: 100% 100%;
  color: #ffc70c;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__content {
  position: relative;
  background: url("@/assets/images/treeTb1.png") transparent no-repeat center
    center;
  overflow: hidden;
  background-size: 100% 100%;
  color: #ffc70c;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node
  > .el-tree-node__content {
  line-height: 43px;
  height: 43px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  font-size: 16px;
  color: #fff;
  text-align: center;
  width: 95%;
  margin: 0 auto;
  background-color: transparent;
  justify-content: center;
  padding-left: 0 !important;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node
  > .el-tree-node__content
  .el-tree-node__label {
  font-size: 16px;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-current
  > .el-tree-node__content {
  color: #ffc70c;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-checked
  > .el-tree-node__content {
  color: #ffc70c;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__content {
  color: #ffc70c;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: rgba(15, 1, 96, 0.5);
}

.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-checked
  > .el-tree-node__content,
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-current
  > .el-tree-node__content {
  color: #ffc70c;
  background: transparent;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node
  > .el-tree-node__content {
  color: #a5a0a0;
  line-height: 35px;
  height: 35px;
  padding-left: 0 !important;
  justify-content: center;
}

.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node
  > .el-tree-node__content
  > .el-tree-node__label {
  position: relative;
}
.el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node.is-expanded
  > .el-tree-node__children
  > .el-tree-node
  > .el-tree-node__content
  > .el-tree-node__label::before {
  content: "+";
  font-size: 16px;
  color: #88c7ff;
  position: absolute;
  left: -18px;
  top: -1px;
}
.el-tree-node .el-tree-node__children {
  padding-bottom: 15px;
}
.el-tree-node__content:hover,
.el-upload-list__item:hover {
  background: transparent;
  color: #ffc70c;
}
.el-tree-node:focus > .el-tree-node__content {
  background: transparent;
}

/* 页面框架 */
.rightContent {
  flex: 1;
  padding: 0 40px;
  overflow-y: scroll;
}
.treeMenu {
  width: 280px;
}
.content {
  width: 100%;
  min-width: 1200px;
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 72px;
}
/* 表格样式 */
.el-table thead {
  color: #fff;
}
.el-table tr {
  background: rgba(8, 12, 57, 0.7);
}
.el-table thead tr {
  background-image: linear-gradient(
    to right,
    rgba(44, 23, 171, 0.5) 0%,
    rgba(12, 41, 108, 0.5) 50%,
    rgba(7, 4, 106, 0.5) 100%
  );
}
.el-table th.el-table__cell {
  background-color: transparent;
}
.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: solid 1px #062a5c;
}
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: rgba(39, 49, 121, 0.5);
  color: #ffc70c;
}
.el-table {
  margin-top: 70px;
  color: #fff;
  border: solid 1px #062a5c;
  border-spacing: 0px;
  font-size: 18px;
}
.el-table,
.el-table__expanded-cell {
  background-color: transparent;
}
.el-table::before {
  height: 0px;
}
.el-table .el-table__cell {
  padding: 26px 0;
}
/* 弹出框样式 */
.el-dialog__headerbtn .el-dialog__close {
  font-size: 26px;
  color: #b7efff;
}
.el-dialog,
.el-dialog__header,
.el-dialog__body {
  padding: 0;
  background: transparent;
}
.el-dialog__header {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
}

/* 分页 */
.el-pager li {
  background: transparent;
  color: #fff;
}
.el-pagination button:disabled {
  background: transparent;
}
.el-pagination .btn-next,
.el-pagination .btn-prev {
  background-color: transparent;
  color: #fff;
}
.el-pagination {
  text-align: right;
  padding: 10px 20px 0 0;
}

.el-tabs__item {
  width: 184px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 30px;
  background-image: linear-gradient(
    to right,
    rgba(81, 29, 175, 0.7),
    rgba(35, 215, 254, 0.7)
  );
  font-size: 16px;
  margin: 13px 16px 5px;
  color: #fff;
}
.el-tabs__item.is-active {
  color: #ffc70c;
}
.el-tab-pane {
  background: rgba(191, 191, 191, 0.2);
  padding: 20px;
}
.el-tab-pane span {
  position: relative;
  font-size: 16px;
  color: #a5a0a0;
  margin: 0 20px;
}
.el-tab-pane span::before {
  position: absolute;
  content: "+";
  color: #88c7ff;
  line-height: 1;
  left: -14px;
  top: 1px;
}
.el-tabs__active-bar,
.el-tabs__nav-wrap::after {
  height: 0;
}

.el-checkbox__label {
  font-size: 12px;
  color: #324bca;
}
.el-checkbox__inner {
  border-color: #324bca;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #324bca;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #324bca;
  background-color: #324bca;
}
